<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../../css/font-icons.css">
		<link rel="stylesheet" href="../../css/iuapmobile.um.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/iuapmobile.um.listview.css">
		<link rel="stylesheet" href="css/tg.css"/>
		<script src="../../js/jquery.min.js"></script>
		<script src="../../js/summer.js"></script>
		<script src="../../js/Frameworks/iuapmobile.frameworks.ui.js"></script>
		<script type="text/javascript" src="../../js/knockout.js"></script>
		<script type="text/javascript" src="../../js/Frameworks/iuapmobile.frameworks.listview.js"></script>
		<script src="js/tg.js"></script>
		<style type="text/css">
			.um-listview-row {
				width: 50%;
			}
			.um-listview-row {
				border: none;
			}
			.um-list {
				border: none;
			}
		</style>
	</head>
	<body>
		<div class="um-page" id="index">
			<div id="header" class="um-header">
				<a href="#" class="um-back" onclick="summer.closeWin()" >返回</a>
				<h3>团购商品</h3>
				<a class="um-empty" href="#newsDetail"></a>
			</div>
			<div id="main" class="um-content">
				<div class="um-listview-wrap" id="listview" style="margin-top: 10px">
					<ul class="um-list um-no-active" data-bind="foreach:data">
						<li class="um-listview-row um-xs-6 um-sm-6" style="padding: 0">
							<a href="#" class="um-list-item um-swipe-action um-no-icon">
							<div class="um-list-item-media" style="margin-right: 12px;width: 100%">
								<img alt="" width="100%" data-bind="attr:{src: img[0]}">

							</div> </a>
							<div style="padding-left: 12px;padding-right: 12px;">

								<div class="f13">
									<div>
										精品团购商品
									</div>
								</div>
								<div class="um-border-bottom">
									<div class="fl f14" style="color: #F40">
										￥8.5
									</div>
									<div class="fr um-gray f14">
										30人付款
									</div>
									<p>
										&nbsp;
									</p>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="um-page" id="newsDetail">
			<div class="um-header" style="background-color: #ff9500">
				<a href="#" class="um-back">返回</a>
				<h3>商品详情</h3>
			</div>
			<div class="um-content p15">

			</div>
			<div class="um-footer" style="min-height:0px">
				<div class="um-footerbar" style="height: 44px">
					<div class="um-xs-6 um-sm-6 um-bgc-yellow um-white" style="height: 100%;padding-top: 8px">
						<span>加入购物车</span>
					</div>
					<div class="um-xs-6 um-sm-6 um-bgc-orange um-white" style="height: 100%;padding-top: 8px">
						<span>立即购买</span>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>